<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>


	<jsp:include page="js_top.jsp"/>
	  <style type="text/css">
		  body {height: 100%;}
		  #bar {background-color:#1b6d85;height:70px}

		  /* 分页ul中的li样式 */
		  .tag{margin-left: 10px}
          .tag ul li{margin-top: 7px}
          .tag ul li a span{font-size: 25px;color: #9acfea}

          .nav li:hover .dropdown-menu {display: block;}
      </style>
		<div id="bar">
			<div class="tag">
			    <ul class="nav nav-pills">
					<c:forEach items="${topMenu}" var="menu">
						<li id="${menu.menuId}nav">
							<a href="${menu.menuUrl}?menuid=${menu.menuId}" onclick="showActive(${menu.menuId})">
								<span>${menu.menuName}</span>
							</a>
						</li>
					</c:forEach>


                    <li class="dropdown pull-right">
                        <a class="dropdown-toggle" role="button"  data-toggle="dropdown">
                            <span style="font-size: 20px">欢迎您！${sessionUser.userName}</span>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a onclick="turnEditPassword()"><span style="cursor: pointer;font-size: 18px;"> 修改密码</span></a></li>
                            <li class="divider"></li>
                            <li><a href="sys/sysUser/loginOut.do"><span style="font-size: 18px;">退出</span></a></li>
                        </ul>
                    </li>
                </ul>
			</div>
		</div>
	<script type="text/javascript">
		$(function () {
			 var menuid = "${navid}";
			$('#'+menuid+'nav').addClass("active");
		});


		function turnEditPassword(){
			var diag = new top.Dialog();
			diag.title = "修改密码";
			diag.URL = "<%=basePath%>sys/sysAccount/turnEditPassword.do";
            diag.Width = 580;
            diag.Height = 240;
            diag.cancelButton = ""
            diag.CancelEvent=function(){
                diag.close();
            }
            diag.show();
		}

	</script>

